<template>
  <div class="derate_pay_box">
    <div style="display:inline-block;width:100%;" v-for="(it,index) in item" :key="index" >
      <el-form-item :label="it.name">
        <el-input  :disabled="btn"  class="derate_input" @blur="getMoney()" v-model="it.payMoney"></el-input>
        <el-button  :disabled="btn" @click="removeItem(it.source)">
          <i class="el-icon-minus"></i>
        </el-button>
      </el-form-item>
      <el-form-item v-if="index==0" label="备注：">
        <el-input  :disabled="btn"  class="derate_input" v-model="it.note"></el-input>
      </el-form-item>
    </div>
     
  </div>
</template>
<script>
export default {
  props: ["value", "item","btn"],
  data() {
    return {
      remark:''
    };
  },
  methods: {
      removeItem(id){
          let th=this;
          th.$emit("remove",id)
      },
      getMoney(){
        let th=this;
        th.$emit("success")
      }
  }
};
</script>
<style lang="scss" scoped>
.derate_pay_box{
    display: inline-block;
    width: 100%;
}
</style>